@import '../../assets/styles/vars';

.footer {
  border-top: 1px $border-color solid !important;
  color: $black;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: 3.08vw;
  padding: 3.08vw 0 1.54vw;
  width: 45vw;

  .icon {
    margin-right: 10px;
  }

  .github {
    margin-bottom: -6px;
    width: 32px;
  }

  .heart {
    color: $peach;
    font-size: 1rem;
    margin: 0 10px;
    transform: scale(0.9);
  }

  .link {
    margin-left: 10px;
    outline: none !important;
    text-decoration: none !important;

    &:hover,
    &:active,
    &:focus {
      outline: none !important;
    }
  }
}

@media all and (max-width: $break-point) {
  .footer {
    margin-top: 8vw;
    width: 85vw;
  }
}
